<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>面试一览</title>
		<link href="/static/css/jquery.dataTables.css" rel="stylesheet">
		<link href="/static/css/bootstrap.min.css" rel="stylesheet"/>
		<script src="/static/js/jquery.min.js" type="text/javascript" charset="utf-8"> </script>

		<script src="/static/js/jquery.dataTables.js" type="text/javascript" charset="utf-8"></script>

		<script src="/static/js/bootstrap.min.js"></script>
		<script>
			jQuery(function($) {
				$("#table").DataTable();
			});
		</script>
	</head>
	<body>
		<div>
        <div>面试状态:
			<a href="#"><button>等待简历Review</button></a>
			<a href="#"><button>等待指定面试官</button></a>
			<a href="#"><button>等待确定面试时间</button></a>
			<a href="#"><button>等待面试</button></a>
			<a href="#"><button>等待提交面试反馈</button></a>
            <a href="#"><button>简历Review NG</button></a>
			<a href="#"><button>等面试OK</button></a>
			<a href="#"><button>试NG</button></a>
			<a href="#"><button>Hold</button></a>
			<a href="#"><button>Close</button></a>
        </div>
		</div>
		<div>登录时间:
			<a href="#"><button>一周之内</button></a>
			<a href="#"><button>一个月之内</button></a>
			<a href="#"><button>三个月之内</button></a>
			<a href="#"><button>半年之内</button></a>
			<a href="#"><button>一年之内</button></a>
			<a href="#"><button>一年以上</button></a>
		</div>
		<div>毕业时间:
	        <a href="#"><button>2017</button></a>
			<a href="#"><button>2018</button></a>
			<a href="#"><button>2019</button></a>
			<a href="#"><button>2020</button></a>
		</div>
		<div class="row">
			<div class="col-xs-1 col-lg-offset-9"><a href="#"><li class="glyphicon glyphicon-collapse-down"></li>隐藏分页</a></div>
			<div class="col-xs-1"><a href="#"><li class="glyphicon glyphicon-th-list"></li>列<span class="caret"></span></a></div>
			<div class="col-xs-1"><a href="#"><li class="glyphicon glyphicon-download-alt"></li>Export data<span class="caret"></span></a></div>
		</div>
		<div class="table-responsive"></div>
			<table id="table" class="table-hover">
				<thead>
					<tr align="left">
						<th>面试编号</th>
						<th>面试回数</th>
						<th>姓名</th>
                        <th>年龄</th>
						<th>性别</th>
						<th>电话</th>
						<th>学历</th>
						<th>毕业时间</th>
						<th>学校</th>
						<th>专业</th>
						<th>主要技术</th>
						<th>语言方面</th>
						<th>简历来历</th>
                        <th>面试状态</th>
						<th>Action Owner</th>	
						<th>动作</th>
					</tr>
				</thead>
				<tbody>
                {% for resume in resumes %}
					<tr>

						<td>{{ resume.resume_id }}</td>
						<td>{{ resume.interview_times }}</td>
						<td>{{ resume.name }}</td>
						<td>{{ resume.age }}</td>
                        <td>{{ resume.sex }}</td>
						<td>{{ resume.tel }}</td>
						<td>{{ resume.eduaction }}</td>
						<td>{{ resume.gradu_time }}</td>
						<td>{{ resume.gradu_school }}</td>
						<td>{{ resume.major }}</td>
						<td>{{ resume.tech }}</td>
						<td>{{ resume.language }}</td>
						<td>{{ resume.re_from }}</td>
						<td>{{ resume.status }}</td>
						<td>{{ user.name }}</td>

						<td>
							<div class="dropdown">
							<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
								动作
								<span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
                                {% if user.role == 'HR' %}
								    <li><a href="#">下载简历</a></li>
                                {% else %}
                                    <li><a href="#">下载简历</a></li>

								    <li><a href="{{ url_for('interview.review',resume_id=resume.resume_id) }}">简历Review</a></li>
								    <li><a href="{{ url_for('interview.feedback') }}">面试反馈</a></li>
								    <li><a href="{{ url_for('interview.update') }}">更新面试信息</a></li>
                                {% endif %}
							</ul>
							</div>
						</td>
					</tr>
                {% endfor %}
				</tbody>
			</table>
		<div></div>
	</body>
</html>
